<template>
	<view class="wrapper">
		<view class="order__number" v-if="data.workOrderInfo.workOrderId != 123">{{data.workOrderInfo.workOrderId}}</view>
		<view>
			<u-card :border-radius="30">
				<view slot="head">
					<view class="card__head">
						<view class="card__head__left">店铺号:{{this.orderType === "lv" ? data.lvStoreVo.storeId : data.adStoreVo.storeId}}</view>
						<view class="card__head__right">预计完成时间 {{data.workOrderInfo.expectTime}}</view>
					</view>
				</view>
				<view slot="body">
					<view class="body__top">
						<view>店铺联系人:{{this.orderType === "lv" ? ((data.lvStoreVo.storeConnUserName == null ? "" : data.lvStoreVo.storeConnUserName) + "/" + (data.lvStoreVo.storeConnPhone == null ? "" : data.lvStoreVo.storeConnPhone)) : ((data.adStoreVo.storeConnUserName == null ? "" : data.adStoreVo.storeConnUserName) + "/" + (data.adStoreVo.storeConnPhone == null ? "" : data.adStoreVo.storeConnPhone))
}}</view>
					</view>
					<view class="body__bottom">
						<view class="body__bottom__left">
							<view>店铺地址:{{this.orderType === "lv" ? data.lvStoreVo.storeAddress : data.adStoreVo.storeAddress}}</view>
							<view>工单备注:{{data.workOrderInfo.workOrderRemark == null ? "" : data.workOrderInfo.workOrderRemark}}</view>
						</view>
						<view class="body__bottom__right">
						</view>
					</view>
				</view>
			</u-card>
		</view>
		<view>
			<u-card :show-head="false" :border-radius="30" v-if="typeId != 0">
				<view slot="body">
					<view class="body__text">
						<view v-if="typeId == 1">MA单号:{{data.workOrderInfo.maId}}</view>
						<view v-if="typeId == 1">故障描述:{{data.workOrderInfo.faultDescribe}}</view>
						<view v-if="typeId == 2 || typeId == 1">响应级别: {{data.workOrderInfo.responseLevel}}</view>
					</view>
				</view>
			</u-card>
		</view>
		<view>
			<u-card :show-head="false" :border-radius="30" v-if="typeId == 1">
				<view slot="body">
					<view class="rich__box">
					<view class="body__left">
						<view class="body__element">
							问题分类:
							<view class="issue__dropdown" @click="issueShow = true">
								{{ma_fault_class_label}}
							</view>
						</view>
						<view class="body__input body__element">
								故障设备:
							<u-input placeholder="请输入" :clearable="false" v-model="issueMachine" :customStyle="inputStyle"></u-input>
						</view>
						<view class="body__element">
								解决代码:
							<view class="issue__dropdown" @click="solveCodeShow = true">
								{{ma_solute_code_label}}
							</view>
						</view>
						<view class="body__element">
							责任方:
							<view class="issue__dropdown" @click="responsibleShow = true">
								{{responsible_party_label}}
							</view>
						</view>
						<view class="body__element">
							是否修复:
							<view class="issue__dropdown" @click="isRepairShow = true">
								{{isRepair_label}}
							</view>
						</view>
					</view>
					<view class="body__right">
						<view class="body__element">
								故障代码:
							
							<view class="issue__dropdown" @click="issueCodeShow = true">
								{{ma_fault_code_label}}
							</view>
						</view>
						<view class="body__input body__element">
							<view>故障型号:</view>
							<u-input placeholder="请输入" v-model="issueModel" :clearable="false" :customStyle="inputStyle"></u-input>
						</view>
						<view class="body__element">
							解决类型:
							<view class="issue__dropdown" @click="solveTypeShow = true">
								{{repair_type_label}}
							</view>
						</view>
						<view class="body__element">
							最终故障修复:
							<view class="issue__dropdown" @click="finalIssueRepairShow = true">
								{{final_fault_repair_label}}
							</view>
						</view>
						<view class="body__element">
							MA工单状态:
							<view class="issue__dropdown" @click="orderStatusShow = true">
								{{ma_order_status_label}}
							</view>
						</view>
					</view>
				</view>
				</view>
			</u-card>
		</view>
		<view>
			<u-card :title="uploadPhotoTitle" :border-radius="30">
				<view slot="body">
					<u-upload ref="uUpload" :header="uploadHeader" :file-list="previewImage" :action="action" :show-tips="false" :width="180" :height="180" @on-remove="onRemove" :max-count="9"></u-upload>
				</view>
			</u-card>
		</view>
		<view>
			<u-card :title="textAreaTitle" :border-radius="30">
				<view slot="body">
					<u-field
						v-model="remark"
						placeholder="请输入备注"
						type="textarea"
						:label-width="0"
						:border-bottom="false"
					/>	
				</view>
			</u-card>
		</view>
		<view v-if="workOrderStatus == 16" class="refuse__reason">
			<u-card :title="'驳回原因'" :border-radius="30">
				<view slot="body">
					<view class="refuse__reason__text">{{refuseReason}}</view>
				</view>
			</u-card>
		</view>
		<view class="button__area" v-if="workOrderStatus == 5 || workOrderStatus == 16">
			<button class="button__area__left" @click="saveLocal">保存草稿</button>
			<button class="button__area__right" @click="submitWorkOrderInfo">提交</button>
		</view>
		<u-select v-model="issueShow" mode="single-column" :label-name="dictLabel" :value-name="dictValue" :list="issueList" @confirm="confirm1"></u-select>
		<u-select v-model="solveCodeShow" mode="single-column" :label-name="dictLabel" :value-name="dictValue" :list="solveCodeList" @confirm="confirm2"></u-select>
		<u-select v-model="responsibleShow" mode="single-column" :label-name="dictLabel" :value-name="dictValue" :list="responsibleList" @confirm="confirm3"></u-select>
		<u-select v-model="isRepairShow" mode="single-column" :label-name="dictLabel" :value-name="dictValue" :list="isRepairList" @confirm="confirm4"></u-select>
		<u-select v-model="issueCodeShow" mode="single-column" :label-name="dictLabel" :value-name="dictValue" :list="issueCodeList" @confirm="confirm5"></u-select>
		<u-select v-model="solveTypeShow" mode="single-column" :label-name="dictLabel" :value-name="dictValue" :list="solveTypeList" @confirm="confirm6"></u-select>
		<u-select v-model="finalIssueRepairShow" mode="single-column" :label-name="dictLabel" :value-name="dictValue" :list="finalIssueRepairList" @confirm="confirm7"></u-select>
		<u-select v-model="orderStatusShow" mode="single-column" :label-name="dictLabel" :value-name="dictValue" :list="orderStatusList" @confirm="confirm8"></u-select>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				uploadHeader:{
					Authorization:""
				},
				inputStyle:{
					fontSize:'20rpx',
					color:'#606266'
				},
				refuseReason:"",
				previewImage:[],
				ma_fault_class_label:"请选择∨",
				ma_fault_class_value:"",
				ma_fault_code_label:"请选择∨",
				ma_fault_code_value:"",
				ma_solute_code_label:"请选择∨",
				ma_solute_code_value:"",
				repair_type_label:"请选择∨",
				repair_type_value:"",
				responsible_party_label:"请选择∨",
				responsible_party_value:"",
				final_fault_repair_label:"请选择∨",
				final_fault_repair_value:"",
				ma_order_status_label:"请选择∨",
				ma_order_status_value:"",
				isRepair_label:"请选择∨",
				isRepair_value:"",
				dictLabel:"dictLabel",
				dictValue:"dictValue",
				orderId:0,
				typeId:0,
				data:{lvStoreVo:{storeId:0},adStoreVo:{storeId:0},workOrderInfo:{workOrderId:123}},
				uploadPhotoTitle:"上传图片",
				textAreaTitle:"备注",
				issueShow:false,
				issueMachine:"",
				issueModel:"",
				solveCodeShow:false,
				responsibleShow:false,
				isRepairShow:false,
				issueCodeShow:false,
				solveTypeShow:false,
				finalIssueRepairShow:false,
				orderStatusShow:false,
				action:"https://kfn.excny.cn/prod-api/system/oss/upload",
				imgList:[],
				remark:"",
				issueList:[
					{
						label:"测试1",
						value:1
					},{
						label:"测试2",
						value:2
					}
				],
				solveCodeList:[
					{
						label:"测试1",
						value:1
					},{
						label:"测试2",
						value:2
					}
				],
				responsibleList:[
					{
						label:"测试1",
						value:1
					},{
						label:"测试2",
						value:2
					}
				],
				isRepairList:[
					{
						dictLabel:"是",
						dictValue:true
					},{
						dictLabel:"否",
						dictValue:false
					}
				],
				issueCodeList:[
					{
						label:"测试1",
						value:1
					},{
						label:"测试2",
						value:2
					}
				],
				solveTypeList:[
					{
						label:"测试1",
						value:1
					},{
						label:"测试2",
						value:2
					}
				],
				finalIssueRepairList:[
					{
						label:"测试1",
						value:1
					},{
						label:"测试2",
						value:2
					}
				],
				orderStatusList:[
					{
						label:"测试1",
						value:1
					},{
						label:"测试2",
						value:2
					}
				],
				workOrderStatus:0
			};
		},
		methods:{
			saveLocal(){
				let savelocal = {};
				let files = [];
				// 通过filter，筛选出上传进度为100的文件(因为某些上传失败的文件，进度值不为100)
				files = this.$refs.uUpload.lists.filter(val => {
					return val.progress == 100;
				});
				if(!files.length) {
						uni.showToast({
							title:"请上传图片",
							icon: "error"
						});
						return ;
				}else if(Number(this.typeId) === 1) {
					savelocal.ma_fault_class_label = this.ma_fault_class_label;
					savelocal.ma_fault_class_value = this.ma_fault_class_value;
					savelocal.ma_fault_code_label = this.ma_fault_code_label;
					savelocal.ma_fault_code_value = this.ma_fault_code_value;
					savelocal.ma_solute_code_label = this.ma_solute_code_label;
					savelocal.ma_solute_code_value = this.ma_solute_code_value;
					savelocal.repair_type_label = this.repair_type_label;
					savelocal.repair_type_value = this.repair_type_value;
					savelocal.responsible_party_label = this.responsible_party_label;
					savelocal.responsible_party_value = this.responsible_party_value;
					savelocal.final_fault_repair_label = this.final_fault_repair_label;
					savelocal.final_fault_repair_value = this.final_fault_repair_value;
					savelocal.ma_order_status_label = this.ma_order_status_label;
					savelocal.ma_order_status_value = this.ma_order_status_value;
					savelocal.isRepair_label = this.isRepair_label;
					savelocal.isRepair_value = this.isRepair_value;
					savelocal.issueMachine = this.issueMachine;
					savelocal.issueModel = this.issueModel;
				}
				let previewImage = [];
				files.forEach((item) => {
					if(item.response == null){
						previewImage.push({url:item.url});
					}else {
						previewImage.push({url:item.response.data.url});
					}
				});
				savelocal.previewImage = previewImage;
				savelocal.remark = this.remark;
				savelocal.refuseReason = this.refuseReason;
				uni.setStorageSync(this.orderId,savelocal);
				uni.showToast({
				title: '保存成功',
				icon:'success'
				});
				setTimeout(() => {
					uni.switchTab({
					    url: '/pages/order/index'
					});
				},1000)
			},
			submitWorkOrderInfo(){
				let files = [];
				// 通过filter，筛选出上传进度为100的文件(因为某些上传失败的文件，进度值不为100)
				files = this.$refs.uUpload.lists.filter(val => {
					return val.progress == 100;
				});
				console.log(files);
				if(!files.length) {
						uni.showToast({
							title:"请上传图片",
							icon: "error"
						});
						return ;
				}else if(Number(this.typeId) === 1) {
					if(this.ma_fault_class_label === "请选择∨" || this.ma_fault_code_label === "请选择∨"
							|| this.ma_solute_code_label === "请选择∨" || this.repair_type_label === "请选择∨"
							|| this.responsible_party_label === "请选择∨" || this.final_fault_repair_label === "请选择∨"
							|| this.ma_order_status_label === "请选择∨" || this.isRepair_label === "请选择∨"
							|| this.issueMachine === "" ||this.issueModel === ""){
								uni.showToast({
									title:"请完善相关信息",
									icon: "error"
								});
								return ;
							}
				}
				let workOrderImagesBos = [];
				files.forEach((item) => {
					if(item.response == null){
						workOrderImagesBos.push({
							imagePath: item.url,
							imageTypeId: "5",
							workOrderId: this.orderId
						})
					}else {
						workOrderImagesBos.push(
							{
								imagePath: item.response.data.url,
								imageTypeId: "5",
								workOrderId: this.orderId
							}
						);
					}
				});
				let data;
				if(Number(this.typeId) === 0){
					if(this.orderType == "lv"){
						data = {
							updateLvOpenWorkOrderBo:{
								finishTime:this.transformTime(Date.now()),
								workOrderId: this.orderId,
								workOrderStatus: 20,
								workOrderTypeId: this.typeId
							},
							workOrderImagesBos,
							workOrderRemarkBo: {
								remark: this.remark,
								remarkType: 13,
								workOrderId: this.orderId
							}
						}
					}else{
						data = {
							updateAdOpenWorkOrderBo:{
								finishTime:this.transformTime(Date.now()),
								workOrderId: this.orderId,
								workOrderStatus: 20,
								workOrderTypeId: this.typeId
							},
							workOrderImagesBos,
							workOrderRemarkBo: {
								remark: this.remark,
								remarkType: 13,
								workOrderId: this.orderId
							}
						}
					}
					
				}else if(Number(this.typeId) === 2){
					if(this.orderType == "lv"){
						data = {
							updateLvCloseWorkOrderBo:{
								finishTime:this.transformTime(Date.now()),
								workOrderId: this.orderId,
								workOrderStatus: 20,
								workOrderTypeId: this.typeId
							},
							workOrderImagesBos,
							workOrderRemarkBo: {
								remark: this.remark,
								remarkType: 13,
								workOrderId: this.orderId
							}
						}
					}else{
						data = {
							updateAdCloseWorkOrderBo:{
								finishTime:this.transformTime(Date.now()),
								workOrderId: this.orderId,
								workOrderStatus: 20,
								workOrderTypeId: this.typeId
							},
							workOrderImagesBos,
							workOrderRemarkBo: {
								remark: this.remark,
								remarkType: 13,
								workOrderId: this.orderId
							}
						}
					}
					
				}else if(Number(this.typeId) === 1){
					if(this.orderType == "lv"){
						data = {
						updateLvMaWorkOrderBo: {
							finishTime:this.transformTime(Date.now()),
							workOrderId: this.orderId,
							workOrderStatus: 20,
							workOrderTypeId: this.typeId,
							faultClass: this.ma_fault_class_value,
							faultCode: this.ma_fault_code_value,
							faultEquipment: this.issueMachine,
							faultEquipmentModel: this.issueModel,
							soluteCode: this.ma_solute_code_value,
							repairType: this.repair_type_value,
							responsibleParty: this.responsible_party_value,
							finalFaultRepair: this.final_fault_repair_value,
							repaired: this.isRepair_value,
							maOrderStatus: this.ma_order_status_value
						},
						workOrderImagesBos,
						workOrderRemarkBo: {
							remark: this.remark,
							remarkType: 13,
							workOrderId: this.orderId
						}
					}
					}else {
						data = {
							updateAdMaWorkOrderBo: {
								finishTime:this.transformTime(Date.now()),
								workOrderId: this.orderId,
								workOrderStatus: 20,
								workOrderTypeId: this.typeId,
								faultClass: this.ma_fault_class_value,
								faultCode: this.ma_fault_code_value,
								faultEquipment: this.issueMachine,
								faultEquipmentModel: this.issueModel,
								soluteCode: this.ma_solute_code_value,
								repairType: this.repair_type_value,
								responsibleParty: this.responsible_party_value,
								finalFaultRepair: this.final_fault_repair_value,
								repaired: this.isRepair_value,
								maOrderStatus: this.ma_order_status_value
							},
							workOrderImagesBos,
							workOrderRemarkBo: {
								remark: this.remark,
								remarkType: 13,
								workOrderId: this.orderId
							}
						}
					}
					
				}
				this._put(`/system/${this.orderType}-workOrder`,data,(res) => {
					if(res.code === 500) {
						uni.showToast({
							title:'服务器出错',
							icon:'error'
						});
					}else if(res.code === 200) {
						uni.showToast({
						title: '提交成功',
						icon:'success'
						});
						 uni.getStorage({
						     key: this.orderId,
						     success: () => {
						         uni.removeStorageSync(this.orderId);
						     },
							 fail:() => {}
						 });
						setTimeout(() => {
							uni.switchTab({
							    url: '/pages/order/index'
							});
						},1000)
					}
				});
			},
			confirm1(e){
				this.ma_fault_class_label = e[0].label;
				this.ma_fault_class_value = e[0].value;
			},
			confirm2(e){
				this.ma_solute_code_label = e[0].label;
				this.ma_solute_code_value = e[0].value;
			},
			confirm3(e){
				this.responsible_party_label = e[0].label;
				this.responsible_party_value = e[0].value;
			},
			confirm4(e){
				this.isRepair_label = e[0].label;
				this.isRepair_value = e[0].value;
			},
			confirm5(e){
				this.ma_fault_code_label = e[0].label;
				this.ma_fault_code_value = e[0].value;
			},
			confirm6(e){
				this.repair_type_label = e[0].label;
				this.repair_type_value = e[0].value;
			},
			confirm7(e){
				this.final_fault_repair_label = e[0].label;
				this.final_fault_repair_value = e[0].value;
			},
			confirm8(e){
				this.ma_order_status_label = e[0].label;
				this.ma_order_status_value = e[0].value;
			},
		},
		onLoad(option) {
			var that = this;
			this.orderType = option.orderType;
			this.orderId = option.workOrderId;
			this.typeId = option.typeId;
			this.workOrderStatus = option.workOrderStatus;
			
			this._get(`/system/dict/data/type/ma_fault_class`,{},(res) =>{
				this.issueList = res.data;
			});
			this._get(`/system/dict/data/type/ma_fault_code`,{},(res) =>{
				this.issueCodeList = res.data;
			});
			this._get(`/system/dict/data/type/ma_solute_code`,{},(res) =>{
				this.solveCodeList = res.data;
			});
			this._get(`/system/dict/data/type/repair_type`,{},(res) =>{
				this.solveTypeList = res.data;
			});
			this._get(`/system/dict/data/type/responsible_party`,{},(res) =>{
				this.responsibleList = res.data;
			});
			this._get(`/system/dict/data/type/final_fault_repair`,{},(res) =>{
				this.finalIssueRepairList = res.data;
			});
			this._get(`/system/dict/data/type/ma_order_status`,{},(res) =>{
				this.orderStatusList = res.data;
			});
			if(Number(option.workOrderStatus) === 5 || Number(option.workOrderStatus) === 16){
				uni.getStorage({
			    key: this.orderId,
			    success: function (res) {
			        const savelocal = res.data;
					if(Number(that.typeId) === 1){
						that.ma_fault_class_label = savelocal.ma_fault_class_label;
						that.ma_fault_class_value = savelocal.ma_fault_class_value;
						that.ma_fault_code_label = savelocal.ma_fault_code_label;
						that.ma_fault_code_value = savelocal.ma_fault_code_value;
						that.ma_solute_code_label = savelocal.ma_solute_code_label;
						that.ma_solute_code_value = savelocal.ma_solute_code_value;
						that.repair_type_label = savelocal.repair_type_label;
						that.repair_type_value = savelocal.repair_type_value;
						that.responsible_party_label = savelocal.responsible_party_label;
						that.responsible_party_value = savelocal.responsible_party_value;
						that.final_fault_repair_label = savelocal.final_fault_repair_label;
						that.final_fault_repair_value = savelocal.final_fault_repair_value;
						that.ma_order_status_label = savelocal.ma_order_status_label;
						that.ma_order_status_value = savelocal.ma_order_status_value;
						that.isRepair_label = savelocal.isRepair_label;
						that.isRepair_value = savelocal.isRepair_value;
						that.issueMachine = savelocal.issueMachine;
						that.issueModel = savelocal.issueModel;
					}
					that.previewImage = savelocal.previewImage;
					that.remark = savelocal.remark;
					that.refuseReason = savelocal.refuseReason;
			    },
				fail: () => {}
			});
			}
			
			const local = uni.getStorageSync(this.orderId);
			this._get(`/system/${this.orderType}-workOrder/${this.orderId}`,{},(res) => {
				that.data = res.data;
				if(Number(that.typeId) === 0){
					if(this.orderType === "lv"){
						that.data.workOrderInfo = res.data.selectLvOpenWorkOrderVo;
					}else {
						that.data.workOrderInfo = res.data.selectAdOpenWorkOrderVo;
					}
				}else if(Number(that.typeId) === 1){
					if(this.orderType === "lv"){
						that.data.workOrderInfo = res.data.selectLvMaWorkOrderVo;
					}else {
						that.data.workOrderInfo = res.data.selectAdMaWorkOrderVo;
					}
					if(that.workOrderStatus != 5){
						that.ma_fault_class_value = that.data.workOrderInfo.faultClass;
					if(!local){
						that.issueList.forEach((item) => {
						if(item.dictValue === that.ma_fault_class_value){
							that.ma_fault_class_label = item.dictLabel;
						}
					});
					
					that.ma_fault_code_value = that.data.workOrderInfo.faultCode;
					that.issueCodeList.forEach((item) => {
						if(item.dictValue === that.ma_fault_code_value){
							that.ma_fault_code_label = item.dictLabel;
						}
					});
					
					that.ma_solute_code_value = that.data.workOrderInfo.soluteCode;
					that.solveCodeList.forEach((item) => {
						if(item.dictValue === that.ma_solute_code_value){
							that.ma_solute_code_label = item.dictLabel;
						}
					});
					
					that.repair_type_value = that.data.workOrderInfo.repairType;
					that.solveTypeList.forEach((item) => {
						if(item.dictValue === that.repair_type_value){
							that.repair_type_label = item.dictLabel;
						}
					});
					
					that.responsible_party_value = that.data.workOrderInfo.responsibleParty;
					that.responsibleList.forEach((item) => {
						if(item.dictValue === that.responsible_party_value){
							that.responsible_party_label = item.dictLabel;
						}
					});
					
					that.final_fault_repair_value = that.data.workOrderInfo.finalFaultRepair;
					that.finalIssueRepairList.forEach((item) => {
						if(item.dictValue === that.final_fault_repair_value){
							that.final_fault_repair_label = item.dictLabel;
						}
					});
					
					that.ma_order_status_value = that.data.workOrderInfo.maOrderStatus;
					that.orderStatusList.forEach((item) => {
						if(item.dictValue === that.ma_order_status_value){
							that.ma_order_status_label = item.dictLabel;
						}
					});
					
			
			
					that.isRepair_value = that.data.workOrderInfo.repaired;
					
					that.isRepair_label = that.isRepair_value == 0 ? "否" : "是";
					that.issueMachine = that.data.workOrderInfo.faultEquipment;
					that.issueModel = that.data.workOrderInfo.faultEquipmentModel;
					}
					
					}
				}else if(Number(that.typeId) === 2){
					if(this.orderType == "lv"){
						that.data.workOrderInfo = res.data.selectLvCloseWorkOrderVo;
					}else {
						that.data.workOrderInfo = res.data.selectAdCloseWorkOrderVo;
					}
				}
				if(Number(this.workOrderStatus) === 20 || Number(this.workOrderStatus) === 16 || Number(this.workOrderStatus) === 100){
						if(!local){
							res.data.workOrderImagesVos.forEach((item) => {
						that.previewImage.push({
							url:item.imagePath
						});
					});
					if(res.data.workOrderRemarkVos){
						res.data.workOrderRemarkVos.forEach((item) => {
							if(item.remarkType == 13){
								that.remark = item.remark;
							}else if(item.remarkType == 15){
								that.refuseReason = item.remark;
							}
						})
					}
					}	
				}
			});
			this.uploadHeader.Authorization = uni.getStorageSync('token');
		}
	}
</script>

<style lang="scss">
	.wrapper {
		width: 100vw;
		top: 0;
		min-height: 100vh;
		position: absolute;
		background-color: rgb(247,247,247);
	}
	.order__number {
		width: 100vw;
		height: 70rpx;
		background-color: #fff;
		font-size: 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.card__head {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		&__left {
			font-size: 26rpx;
		}
		&__right {
			border: 1rpx solid #FFA71F;
			color: #FFA71F;
			font-size: 25rpx;
			height: 43rpx;
			width: 400rpx;
			text-align: center;
			line-height: 43rpx;
			border-radius: 10rpx;
		}
	}
	.body__top {
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 20rpx;
		font-size: 20rpx;
	}
	.body__bottom {
		display:flex;
		flex-direction: row;
		justify-content: space-between;
		font-size: 20rpx;
		&__left {
			view {
				margin-bottom: 20rpx;
			}
		}
		.button__arrival {
			margin-top: 100rpx;
		}
	}
	.body__text {
		font-size:20rpx;
		 view {
			margin-bottom: 20rpx;
		}
	}
	.issue__dropdown{
		display: inline-block;
	}
	.rich__box {
		width: 100%;
		display: flex;
		flex-direction: row;
		.body__left {
			width: 50%;
		}
		.body__right {
			width: 50%;
		}
	}
	.body__input {
		display: flex;
		flex-direction: row;
	}
	.body__element {
		font-size: 20rpx;
		// vertical-align: center;
		height: 50rpx;
		display: flex;
		align-items: center;
		white-space: nowrap;
		view {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
	}
	.remark__input {
		width: 100%;
	}
	.button__area {
		position: fixed;
		bottom: 0;
		margin-left: 4vw;
		margin-bottom: 40rpx;
		width: 92vw;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		&__left {
			text-align: center;
			line-height: 68rpx;
			font-size: 30rpx;
			height: 68rpx;
			width: 48%;
			color: #fff;
			background-color: #FFA71F;
			border-radius: 50rpx;
		}
		&__right {
			text-align: center;
			line-height: 68rpx;
			font-size: 30rpx;
			height: 68rpx;
			width: 48%;
			color: #fff;
			background-color: #5290ff;
			border-radius: 50rpx;
		}
	}
	.refuse__reason {
		margin-bottom: 120rpx;
		width: 100%;
		&__text {
			width: 100%;
			word-wrap:break-word;
		}
	}
</style>
